<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>骑行</title>
<style>
    .lines{
        background: #eee;
    }
    .line{
        background: white;
        display: flex;
        height: 45px;
        align-items: center;
    }
    .icon{
        padding-left:10px;
        padding-right: 10px;
    }
    .info{
        display: flex;
        flex: 1;
        background: white;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
    }
    *{
        margin: 0px;
        padding: 0px;
    }
    .more{
          font-size: 14px;
          color: #ccc;
          text-align: center;
      }
    .txts{
        padding-left:15px;
        padding-right: 15px;
        line-height: 50px;
    }
</style>
</head>
<body>
<div class="lines">
    <div class="txts">骑行</div>
    <div class="line">
        <div class="icon">
            <img src="我的钱包.png" />
        </div>
        <div class="info">
            <div class="txt">我的钱包</div>
            <div class="more" >查看骑行卡 优惠券
                <img src="右箭头.png" />
            </div>
        </div>
    </div>
    <div class="line">
        <div class="icon">
            <img src="行程.png" />
        </div>
        <div class="info">
            <div class="txt">行程</div>
            <div class="more">本月骑行次数0次，今日骑行0次
                <img src="右箭头.png" />
            </div>
        </div>
    </div>
    <div class="line">
        <div class="icon">
            <img src="信用分.png" />
        </div>
        <div class="info">
            <div class="txt">信用分</div>
            <div class="more">当前分数276分
                <img src="右箭头.png" />
            </div>
        </div>
    </div>
    <div class="line">
        <div class="icon">
            <img src="计时器.png" />
        </div>
        <div class="info">
            <div class="txt">计价规则</div>
            <div class="more">计价规则
                <img src="右箭头.png" />
            </div>
        </div>
    </div>
    <div class="line">
        <div class="icon">
            <img src="客服.png" />
        </div>
        <div class="info">
            <div class="txt">客服中心</div>
            <div class="more">
                <img src="右箭头.png" />
            </div>
        </div>
    </div>
</div>
</body>
</html>